import React , { Component } from 'react';
import { withRouter,NavLink,Switch,Redirect,Route} from 'react-router-dom';


import Swiper from 'react-id-swiper';


class View extends Component {
    render(){
        const params = {
            slidesPerView: 3,
              spaceBetween: 30,
              pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            navigation: {
              nextEl: '.swiper-button-next',
              prevEl: '.swiper-button-prev'
          }
        }
        return (
            <React.Fragment>
                <div className="mian">这是swiper</div>
                <NavLink to="/">首页</NavLink><br/>
                <NavLink to="/input">表单</NavLink><br/>
                <NavLink to="/event">事件</NavLink><br/>
                <NavLink to="/storedemo">storedemo</NavLink><br/>
                <NavLink to="/observable">observable</NavLink><br/>
                <NavLink to="/newobs">newobs</NavLink><br/>
                <Swiper {...params}>
                  <div>Slide #1</div>
                  <div>Slide #2</div>
                  <div>Slide #3</div>
                  <div>Slide #4</div>
                  <div>Slide #5</div>
                </Swiper>
            </React.Fragment>
        )
    }
}
export default View;
